/* PAGES PHOTOS KIDSGAMES*/

		body
		{
			scrollbar-face-color: #000000; /* couleur du dessus des boutons et de la barre de défilement */
			scrollbar-shadow-color: #777777; /* couleur sombre du relief des boutons */
			scrollbar-highlight-color: #FFFFFF; /* couleur claire du relief des boutons */
			scrollbar-3dlight-color: #777777; /* couleur claire du relief des boutons quand ceux-ci ne sont pas  enfoncés */
			scrollbar-darkshadow-color: #373737; /* couleur sombre du relief des boutons quand ceux-ci ne sont pas enfoncés */
			scrollbar-track-color: #373737; /* couleur du fond de la barre */
			scrollbar-arrow-color: #FFFFFF; /* couleur des flèches */
			background-color : #000000; /* Couleur arrière plan */
			font-family: verdana, sans-serif;
			font-size: 8pt;
			font-weight: normal; 
			color: #FFFFFF; /* couleur texte */

			margin: 20px 0 10px 0;/* Définition des marges haute droite basse gauche */
			padding: 0 ;/* Padding à 0 pour le navigateur Opera, car il définit des padding par défaut pour le body */
			text-align: center ;/* Seul moyen de centrer les éléments de type block dans Internet Explorer */
			font: 0.8em "Trebuchet MS", Atial, Helvetica, sans-serif ;/* Police de caractère */
			color: #999999 ;
			background: #222222 ; /* Couleur de fond de l'écran*/
		}
	
		div#page
		{
			width: 960px ;/* Largeur de ma page */
			margin: 0 auto ;/* Centre les éléments de type block (comme les divisions) */
			text-align: left ;/* Rétablir l'alignement à gauche enlevé en-haut */
			background: #222222 ; /*Couleur du fond de la page */
		}

		h1#logo
		{
			height: 155px ;/* Hauteur du bandeau supérieur */
			margin: 0 ;
			background: url(LogoKidsGames.jpg) no-repeat left top ; /* Image de fond du bandeau */

		}

		h1#logo a /* remplace le lien par une image */
		{
			width: 960px ;
			height: 155px ;
			display: block ; /* Donne au lien les dimensions ci avant */
			background: url(LogoKidsGames.jpg) no-repeat left top; /* Dimension image selon dimensions ci-avant */
			position: relative ;
			/*left: 0px ;
			top: 0px ;*/
			text-indent: -3000px ; /* Cache le texte hors de la page pour syntèses vocales */			
		}
	
		h1#logo a span
		{
			display: none ;
		}


/* Menu 1 à 1 bouton */		

		ul#menu11
		{
			height: 25px ; /* Hauteur du menu, selon hauteur de l'image de fond */
			margin: 0 ;
			padding: 0 ;
			
			list-style-type: none ; /* Suppression des puces */
		}
				
		ul#menu11 li
		{
			float: left ; /* Pour aligner les menus */
			text-align: center ; 
		}
		
		ul#menu11 li a
		{	
			/* Style des liens */
			width: 960px ;
			line-height: 25px ;
			font-size: 1.2em ;
			font-weight: bold ;
			letter-spacing: 2px ;
			color: #FFFFFF ;
			display: block ;
			text-decoration: none ;
			background: url(boutons11.gif) no-repeat 0 -25px ; /* Décalage 35px pour roll over */
			/*border-right: 2px solid #FFFFFF ;*/
		}
		
		ul#menu11 li a:hover
		{
			background: url(boutons11.gif) no-repeat 0 0 ; /* Décale image en roll over */
			color: #ec1712 ;
		}


/* Menu 1 à 2 boutons */		

		ul#menu12
		{
			height: 25px ; /* Hauteur du menu, selon hauteur de l'image de fond */
			margin: 0 ;
			padding: 0 ;
			
			list-style-type: none ; /* Suppression des puces */
		}
				
		ul#menu12 li
		{
			float: left ; /* Pour aligner les menus */
			text-align: center ; 
		}
		
		ul#menu12 li a
		{	
			/* Style des liens */
			width: 480px ;
			line-height: 25px ;
			font-size: 1.2em ;
			font-weight: bold ;
			letter-spacing: 2px ;
			color: #FFFFFF ;
			display: block ;
			text-decoration: none ;
			background: url(boutons12.gif) no-repeat 0 -25px ; /* Décalage 35px pour roll over */
			/*border-right: 2px solid #FFFFFF ;*/
		}
		
		ul#menu12 li a:hover
		{
			background: url(boutons12.gif) no-repeat 0 0 ; /* Décale image en roll over */
			color: #ec1712 ;
		}


/* Menu 1 à 3 boutons */		

		ul#menu13
		{
			height: 25px ; /* Hauteur du menu, selon hauteur de l'image de fond */
			margin: 0 ;
			padding: 0 ;
			
			list-style-type: none ; /* Suppression des puces */
		}
				
		ul#menu13 li
		{
			float: left ; /* Pour aligner les menus */
			text-align: center ; 
		}
		
		ul#menu13 li a
		{	
			/* Style des liens */
			width: 320px ;
			line-height: 25px ;
			font-size: 1.2em ;
			font-weight: bold ;
			letter-spacing: 2px ;
			color: #FFFFFF ;
			display: block ;
			text-decoration: none ;
			background: url(boutons13.gif) no-repeat 0 -25px ; /* Décalage 35px pour roll over */
			/*border-right: 2px solid #FFFFFF ;*/
		}
		
		ul#menu13 li a:hover
		{
			background: url(boutons13.gif) no-repeat 0 0 ; /* Décale image en roll over */
			color: #ec1712 ;
		}


/* Menu 1 à 4 boutons */		

		ul#menu14
		{
			height: 25px ; /* Hauteur du menu, selon hauteur de l'image de fond */
			margin: 0 ;
			padding: 0 ;
			
			list-style-type: none ; /* Suppression des puces */
		}
				
		ul#menu14 li
		{
			float: left ; /* Pour aligner les menus */
			text-align: center ; 
		}
		
		ul#menu14 li a
		{	
			/* Style des liens */
			width: 240px ;
			line-height: 25px ;
			font-size: 1.2em ;
			font-weight: bold ;
			letter-spacing: 2px ;
			color: #FFFFFF ;
			display: block ;
			text-decoration: none ;
			background: url(boutons14.gif) no-repeat 0 -25px ; /* Décalage 35px pour roll over */
			/*border-right: 2px solid #FFFFFF ;*/
		}
		
		ul#menu14 li a:hover
		{
			background: url(boutons14.gif) no-repeat 0 0 ; /* Décale image en roll over */
			color: #ec1712 ;
		}


/* Menu 1 à 5 boutons */		

		ul#menu15
		{
			height: 25px ; /* Hauteur du menu, selon hauteur de l'image de fond */
			margin: 0 ;
			padding: 0 ;
			
			list-style-type: none ; /* Suppression des puces */
		}
				
		ul#menu15 li
		{
			float: left ; /* Pour aligner les menus */
			text-align: center ; 
		}
		
		ul#menu15 li a
		{	
			/* Style des liens */
			width: 192px ;
			line-height: 25px ;
			font-size: 1.2em ;
			font-weight: bold ;
			letter-spacing: 2px ;
			color: #FFFFFF ;
			display: block ;
			text-decoration: none ;
			background: url(boutons15.gif) no-repeat 0 -25px ; /* Décalage 35px pour roll over */
			/*border-right: 2px solid #fff ;*/
		}
			
		ul#menu15 li a:hover
		{
			background: url(boutons15.gif) no-repeat 0 0 ; /* Décale image en roll over */
			color: #ec1712 ;
		}		


/* Menu 2 à 1 bouton */

		ul#menu21
		{
			height: 25px ; /* Hauteur du menu, selon hauteur de l'image de fond */
			margin: 0 ;
			padding: 0 ;
			
			list-style-type: none ; /* Suppression des puces */
		}
				
		ul#menu21 li
		{
			float: left ; /* Pour aligner les menus */
			text-align: center ; 
		}
		
		ul#menu21 li a
		{	
			/* Style des liens */
			width: 960px ;
			line-height: 25px ;
			font-size: 1.2em ;
			font-weight: bold ;
			letter-spacing: 2px ;
			color: #FFFFFF ;
			display: block ;
			text-decoration: none ;
			background: url(boutons21.gif) no-repeat 0 -25px ; /* Décalage 35px pour roll over */
			/*border-right: 2px solid #fff ;*/
		}
			
		ul#menu21 li a:hover
		{
			background: url(boutons21.gif) no-repeat 0 0 ; /* Décale image en roll over */
			color: #014A99 ;
		}
		
/* Menu 2 à 2 boutons */		

		ul#menu22
		{
			height: 25px ; /* Hauteur du menu, selon hauteur de l'image de fond */
			margin: 0 ;
			padding: 0 ;
			
			list-style-type: none ; /* Suppression des puces */
		}
				
		ul#menu22 li
		{
			float: left ; /* Pour aligner les menus */
			text-align: center ; 
		}
		
		ul#menu22 li a
		{	
			/* Style des liens */
			width: 480px ;
			line-height: 25px ;
			font-size: 1.2em ;
			font-weight: bold ;
			letter-spacing: 2px ;
			color: #FFFFFF ;
			display: block ;
			text-decoration: none ;
			background: url(boutons22.gif) no-repeat 0 -25px ; /* Décalage 35px pour roll over */
			/*border-right: 2px solid #FFFFFF ;*/
		}
		
		ul#menu22 li a:hover
		{
			background: url(boutons22.gif) no-repeat 0 0 ; /* Décale image en roll over */
			color: #014A99 ;
		}


/* Menu 2 à 3 boutons */		

		ul#menu23
		{
			height: 25px ; /* Hauteur du menu, selon hauteur de l'image de fond */
			margin: 0 ;
			padding: 0 ;
			
			list-style-type: none ; /* Suppression des puces */
		}
				
		ul#menu23 li
		{
			float: left ; /* Pour aligner les menus */
			text-align: center ; 
		}
		
		ul#menu23 li a
		{	
			/* Style des liens */
			width: 320px ;
			line-height: 25px ;
			font-size: 1.2em ;
			font-weight: bold ;
			letter-spacing: 2px ;
			color: #FFFFFF ;
			display: block ;
			text-decoration: none ;
			background: url(boutons23.gif) no-repeat 0 -25px ; /* Décalage 35px pour roll over */
			/*border-right: 2px solid #FFFFFF ;*/
		}
		
		ul#menu23 li a:hover
		{
			background: url(boutons23.gif) no-repeat 0 0 ; /* Décale image en roll over */
			color: #014A99 ;
		}


/* Menu 2 à 4 boutons */		

		ul#menu24
		{
			height: 25px ; /* Hauteur du menu, selon hauteur de l'image de fond */
			margin: 0 ;
			padding: 0 ;
			
			list-style-type: none ; /* Suppression des puces */
		}
				
		ul#menu24 li
		{
			float: left ; /* Pour aligner les menus */
			text-align: center ; 
		}
		
		ul#menu24 a
		{	
			/* Style des liens */
			width: 240px ;
			line-height: 25px ;
			font-size: 1.2em ;
			font-weight: bold ;
			letter-spacing: 2px ;
			color: #FFFFFF ;
			display: block ;
			text-decoration: none ;
			background: url(boutons24.gif) no-repeat 0 -25px ; /* Décalage 35px pour roll over */
			/*border-right: 2px solid #FFFFFF ;*/
		}
		
		ul#menu24 li a:hover
		{
			background: url(boutons24.gif) no-repeat 0 0 ; /* Décale image en roll over */
			color: #014A99 ;
		}




/* Menu 2 à 5 boutons */

		ul#menu25
		{
			height: 25px ; /* Hauteur du menu, selon hauteur de l'image de fond */
			margin: 0 ;
			padding: 0 ;
			
			list-style-type: none ; /* Suppression des puces */
		}
				
		ul#menu25 li
		{
			float: left ; /* Pour aligner les menus */
			text-align: center ; 
		}
		
		ul#menu25 li a
		{	
			/* Style des liens */
			width: 192px ;
			line-height: 25px ;
			font-size: 1.2em ;
			font-weight: bold ;
			letter-spacing: 2px ;
			color: #FFFFFF ;
			display: block ;
			text-decoration: none ;
			background: url(boutons25.gif) no-repeat 0 -25px ; /* Décalage 35px pour roll over */
			/*border-right: 2px solid #fff ;*/
		}
			
		ul#menu25 li a:hover
		{
			background: url(boutons25.gif) no-repeat 0 0 ; /* Décale image en roll over */
			color: #014A99 ;
		}


/* Menu 3 à 1 bouton */		

		ul#menu31
		{
			height: 25px ; /* Hauteur du menu, selon hauteur de l'image de fond */
			margin: 0 ;
			padding: 0 ;
			
			list-style-type: none ; /* Suppression des puces */
		}
				
		ul#menu31 li
		{
			float: left ; /* Pour aligner les menus */
			text-align: center ; 
		}
		
		ul#menu31 li a
		{	
			/* Style des liens */
			width: 960px ;
			line-height: 25px ;
			font-size: 1.2em ;
			font-weight: bold ;
			letter-spacing: 2px ;
			color: #FFFFFF ;
			display: block ;
			text-decoration: none ;
			background: url(boutons31.gif) no-repeat 0 -25px ; /* Décalage 35px pour roll over */
			/*border-right: 2px solid #FFFFFF ;*/
		}
		
		ul#menu31 li a:hover
		{
			background: url(boutons31.gif) no-repeat 0 0 ; /* Décale image en roll over */
			color: #622081 ;
		}

		
/* Menu 3 à 2 boutons */		

		ul#menu32
		{
			height: 25px ; /* Hauteur du menu, selon hauteur de l'image de fond */
			margin: 0 ;
			padding: 0 ;
			
			list-style-type: none ; /* Suppression des puces */
		}
				
		ul#menu32 li
		{
			float: left ; /* Pour aligner les menus */
			text-align: center ; 
		}
		
		ul#menu32 li a
		{	
			/* Style des liens */
			width: 480px ;
			line-height: 25px ;
			font-size: 1.2em ;
			font-weight: bold ;
			letter-spacing: 2px ;
			color: #FFFFFF ;
			display: block ;
			text-decoration: none ;
			background: url(boutons32.gif) no-repeat 0 -25px ; /* Décalage 35px pour roll over */
			/*border-right: 2px solid #FFFFFF ;*/
		}
		
		ul#menu32 li a:hover
		{
			background: url(boutons32.gif) no-repeat 0 0 ; /* Décale image en roll over */
			color: #014A99 ;
		}


/* Menu 3 à 3 boutons */		

		ul#menu33
		{
			height: 25px ; /* Hauteur du menu, selon hauteur de l'image de fond */
			margin: 0 ;
			padding: 0 ;
			
			list-style-type: none ; /* Suppression des puces */
		}
				
		ul#menu33 li
		{
			float: left ; /* Pour aligner les menus */
			text-align: center ; 
		}
		
		ul#menu33 li a
		{	
			/* Style des liens */
			width: 320px ;
			line-height: 25px ;
			font-size: 1.2em ;
			font-weight: bold ;
			letter-spacing: 2px ;
			color: #FFFFFF ;
			display: block ;
			text-decoration: none ;
			background: url(boutons33.gif) no-repeat 0 -25px ; /* Décalage 35px pour roll over */
			/*border-right: 2px solid #FFFFFF ;*/
		}
		
		ul#menu33 li a:hover
		{
			background: url(boutons33.gif) no-repeat 0 0 ; /* Décale image en roll over */
			color: #014A99 ;
		}


/* Menu 3 à 4 boutons */		

		ul#menu34
		{
			height: 25px ; /* Hauteur du menu, selon hauteur de l'image de fond */
			margin: 0 ;
			padding: 0 ;
			
			list-style-type: none ; /* Suppression des puces */
		}
				
		ul#menu34 li
		{
			float: left ; /* Pour aligner les menus */
			text-align: center ; 
		}
		
		ul#menu34 a
		{	
			/* Style des liens */
			width: 240px ;
			line-height: 25px ;
			font-size: 1.2em ;
			font-weight: bold ;
			letter-spacing: 2px ;
			color: #FFFFFF ;
			display: block ;
			text-decoration: none ;
			background: url(boutons34.gif) no-repeat 0 -25px ; /* Décalage 35px pour roll over */
			/*border-right: 2px solid #FFFFFF ;*/
		}
		
		ul#menu34 li a:hover
		{
			background: url(boutons34.gif) no-repeat 0 0 ; /* Décale image en roll over */
			color: #014A99 ;
		}




/* Menu 3 à 5 boutons */

		ul#menu35
		{
			height: 25px ; /* Hauteur du menu, selon hauteur de l'image de fond */
			margin: 0 ;
			padding: 0 ;
			
			list-style-type: none ; /* Suppression des puces */
		}
				
		ul#menu35 li
		{
			float: left ; /* Pour aligner les menus */
			text-align: center ; 
		}
		
		ul#menu35 li a
		{	
			/* Style des liens */
			width: 192px ;
			line-height: 25px ;
			font-size: 1.2em ;
			font-weight: bold ;
			letter-spacing: 2px ;
			color: #FFFFFF ;
			display: block ;
			text-decoration: none ;
			background: url(boutons35.gif) no-repeat 0 -25px ; /* Décalage 35px pour roll over */
			/*border-right: 2px solid #fff ;*/
		}
			
		ul#menu35 li a:hover
		{
			background: url(boutons35.gif) no-repeat 0 0 ; /* Décale image en roll over */
			color: #014A99 ;
		}		
/* Pages intro*/

		A.Intro1 
		{
			FONT-SIZE: 10pt;
			COLOR: #FFFFFF;
			FONT-FAMILY: verdana, sans-serif;
			BACKGROUND-COLOR: #000000;
		}
		A.Intro2 
		{
			FONT-SIZE: 10pt;
			COLOR: #FFFFFF;
			FONT-FAMILY: verdana, sans-serif;
			BACKGROUND-COLOR: #000000;
		}
		A.Intro3 
		{
			FONT-SIZE: 10pt;
			COLOR: #FFFFFF;
			FONT-FAMILY: verdana, sans-serif;
			BACKGROUND-COLOR: #000000;
		}
		A.lienbouton 
		{
			FONT-SIZE: 10pt; 
			COLOR: #FFFFFF; 
			TEXT-DECORATION: none
		}
		A.lienbouton:hover 
		{
			FONT-SIZE: 10pt;
			COLOR: #FFFFFF;
			font-weight: bold;
		}


/* Pages photos*/
		
		#bordurevignette 
		{
			border-width:1px;
			border-style:solid;
			border-color:#FFFFFF;
		}
		#bordurephoto 
		{
			border-width:1px;
			border-style:solid;
			border-color:#FFFFFF;
		}
		A.sujet 
		{
			font-family: verdana, sans-serif;
			font-size: 8pt;
			font-weight: normal; 
			color: #E3001B; 
		}
		A.date 
		{
			font-family: verdana, sans-serif;
			font-size: 8pt;
			font-weight: normal; 
			color: #FCCC00; ;
		}
		A.photographe 
		{
			font-family: verdana, sans-serif;
			font-size: 8pt;
			font-weight: normal; 
			color: #622081; 
		}